@import 'common';
@import 'mixin';
.jw-more-warpper{
    .center;
    margin-top:50px;
    background:#F1F1F1;
    
    .more-container{
        .center;
        max-width: @jw-width;
        .jw-more-sidebannr{
            width: @width/2/2;
            float: left;
            background: white;
            margin-top: 20px;
            ul{
                .jw-about{
                   background:#00C3B6; 
                   color: white;
                   a{
                       color: white;
                   }
                } 
                li{
                   cursor: pointer;
                 
                    a{
                        line-height: 50px;
                        padding-left: 20px;
                    }
                    
                }
            }
        }
        
        .jw-more-warpper-inner{
            width: @width/1.35;
            float: right;
            //height: 300px;
            //background: gray;
             margin-top: 20px;
             header{
                 h2{
                     font-weight: normal;
                     font-size: 18px;
                     line-height: 30px;
                     border-bottom: 1px solid gainsboro;
                 }
             
             }
              .more-warpper-article{
                   padding: 20px;
                   font-size: 14px;
                   p{
                       font-size: 14px;
                      line-height: 30px;
                      a{
                          color: #00c3b6;
                      }
                   }
               }
            }
           
    }
}
 .jw-disclaimer{
       width: @width/1.35;
            float: right;
            //height: 300px;
            //background: gray;
             margin-top: 20px;
                    header{
                 h2{
                     font-weight: normal;
                     font-size: 18px;
                     line-height: 30px;
                     border-bottom: 1px solid gainsboro;
                 }
             
             }
              .more-warpper-article{
                   padding: 20px;
                   font-size: 14px;
                   p{
                        
                      font-size: 14px;
                      line-height: 30px;
                      
                      a{
                          color: #00c3b6;
                      }
                     
                  }
               }
            }
            
                    .disclaimer-list{     
                        list-style-type:circle;
                          padding-left:20px;
                          li{
                              line-height: 20px;
                              list-style-type:circle;
                          }
                      }
             .jw-privacy{
                   width: @width/1.35;
            float: right;
            //height: 300px;
            //background: gray;
             margin-top: 20px;
                    header{
                 h2{
                     font-weight: normal;
                     font-size: 18px;
                     line-height: 30px;
                     border-bottom: 1px solid gainsboro;
                 }
             
             }
              .more-warpper-article{
                   padding: 20px;
                   font-size: 14px;
                   p{
                        
                      font-size: 14px;
                      line-height: 30px;
                      
                      a{
                          color: #00c3b6;
                      }
                     
                  }
               }
            }
            
                    .disclaimer-list{     
                        list-style-type:circle;
                          padding-left:20px;
                          li{
                              line-height: 20px;
                              list-style-type:circle;
                          }
                      }
           .jw-Map{
             width: @width/1.35;
            float: right;
            //height: 300px;
            //background: gray;
             margin-top: 20px;
             border: 1px solid gainsboro;
                    header{
                 h2{
                     font-weight: normal;
                     font-size: 18px;
                     line-height: 30px;
                     padding: 20px;
                     border-bottom: 1px solid gainsboro;
                 }
                        }
                    .jw-Map-inner{
                       
                        >li{
                            padding: 20px;
                            line-height: 20px;
                            border-bottom: 1px solid gray;
                            >a{
                                 color: #00C3B6;
                            }
                          
                            ul {
                               
                            
                            li{
                                width: 10%;
                                float: left;
                                margin:2%;
                                 margin-left: 0;
                                  
                            }
                            }
                        }
                    }
           }
           .message-connection{
                 width: @width/1.35;
            float: right;
            //height: 300px;
            //background: gray;
             margin-top: 20px;
             border: 1px solid gainsboro;
             background: white;
             header{
                 h2{
                     font-weight: normal;
                     font-size: 18px;
                     line-height: 30px;
                     padding: 20px;
                     border-bottom: 1px solid gainsboro;
                 }
             }
             div{
                 padding-left: 20px;
                 strong,p{
                     line-height: 20px;
                     font-size: 14px;
                 }
             }
             .goin-wore{
                 padding: 10px 10px;
                padding-left: 10px;
                font-size: 14px;
                a{
                    font-size: 14px;
                }
             }
             .comment-inner{
                 ul{
                     li:first-of-type{
                         border-bottom: 1px solid gainsboro;
                        a{
                            line-height: 50px;
                            
                        }
                     }
                     li{ 
                         position: relative;
                         border-bottom: 1px solid gainsboro;                         
                          .clearfix;
                         .author{
                             width: 10%;
                             float: left;
                             margin-top: 20px;
                             img{
                                    height: 50px;
                                 border-radius: 100%;
                             }
                         }
                         .unmber{
                             position: absolute;
                             right: 20px;
                             top: 40px;
                         }
                         .problem{
                             
                              width: 85%;
                              float: right; 
                              p{ font-size: 12px;
                                    
                                  time{
                                     font-size: 12px;
                                     color: #00C3B6;
                                    
                                  }
                                 
                                  span,time,a{
                                    padding-left: 10px;
                                    }
                                    .reply-more{
                                      display: none;
                                    }
                                     span{
                                   padding: 0;   
                                  }
                              }
                           .reply{      
                              margin-left: 30px;
                           >li{
                                padding-left: 20px;      
                           }
                           }                         
                         }
                     }
                 }
             }
             
       }
       .friendship{
                width: @width/1.35;
            float: right;
            //height: 300px;
            //background: gray;
             margin-top: 20px;
             border: 1px solid gainsboro;
             background: white;
             header{
                 h2{
                     font-weight: normal;
                     font-size: 18px;
                     line-height: 30px;
                     padding: 20px;
                     border-bottom: 1px solid gainsboro;
                 }
             }
               p{padding-left: 20px;
                             font-size: 12px;
                             strong{
                                 color: #999999;
                                 font-weight: normal;
                             }
                             a{
                                 color: #00C3B6;
                             }
                         }
             ul{
                 li{
                      p{
                             font-size: 12px;
                         } 
                 }
                 .icon-moer{
                    a{width:17%;
                    padding: 10px;
                    line-height: 50px;
                    float: left;} 
                    
                 }
             }
            .friendship-reply{
                ul{padding-left: 20px;
                padding-right: 20px;
                    li{
                         position: relative;
                         border-bottom: 1px solid gainsboro;                         
                          .clearfix;
                         .author{
                             width: 10%;
                             float: left;
                             margin-top: 20px;
                             img{
                                    height: 50px;
                                 border-radius: 100%;
                             }
                         }
                       
                         .unmber{
                             position: absolute;
                             right: 20px;
                             top: 40px;
                         }
                         .problem{
                             
                              width: 85%;
                              float: right; 
                              line-height: 20px;
                              p{ font-size: 12px;
                                    
                                  time{
                                     font-size: 12px;
                                     color: #00C3B6;
                                    
                                  }
                                 
                                  span,time,a{
                                    padding-left: 10px;
                                    }
                                    .reply-more{
                                      display: none;
                                    }
                                     span{
                                   padding: 0;   
                                  }
                              }
                           .reply{      
                              margin-left: 30px;
                           >li{
                                padding-left: 20px;      
                           }
                           }                         
                         }
                    }
                }
            }       
       }
       
       
             
             
